<template>
	<view>
		
		
		
		
		
		<image mode="aspectFill" style="width: 100%;height: 180rpx;" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201810%2F03%2F20181003180028_imcyb.jpg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1688528912&t=4369b1164cc85c4072c76789bc311f23"></image>
		
		<view style="display: flex; justify-content: flex-end; width: 100%; margin-top:0rpx;">
			<view class="cuIcon-message" style="font-size: 40rpx; margin-right: 30rpx;"></view>
		</view>
		
		
		
		<view style="display: flex; justify-content: flex-start; margin-left: 100rpx;">
			<image style="height: 150rpx; width: 150rpx; border-radius: 75rpx;" src="https://img2.baidu.com/it/u=4110627428,1113908428&fm=253&fmt=auto&app=138&f=JPEG?w=640&h=427"></image>
			<view style="margin-left: 20rpx; display: flex; flex-direction: column; justify-content: center;">
				<view style="font-size: 30rpx; font-weight: 600;">八十八楼</view>
				<view style="margin-top: 20rpx; font-size: 25rpx; color: #909399;">
					<text class="cuIcon-moneybag"></text>
					<text>金币数：100</text>
				</view>
			</view>
		</view>
		
		<view style="display: flex; justify-content: space-around; margin-top: 50rpx;">
			<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
				<view>动态</view>
				<view style="margin-top: 10rpx;">5</view>
			</view>
			<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
				<view>关注</view>
				<view style="margin-top: 10rpx;">5</view>
			</view>
			<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
				<view>粉丝</view>
				<view style="margin-top: 10rpx;">5</view>
			</view>
		</view>
		
		<view style="margin-top: 20rpx;">
			<u-line color="#ebeef5" />
		</view>
		
		<view style="display: flex; justify-content: space-around; margin-top: 5s0rpx;">
			<view style="margin-top: 0rpx; display: flex; justify-content: flex-start; flex-wrap: wrap;">
				
				<view style="display: flex; flex-direction:column; justify-content:center; align-items:center; height: 200rpx; box-shadow: 0px 2px 5px #d6d9dd; border-radius: 20rpx; width: 310rpx; margin-top: 50rpx; margin-left: 0rpx;">
					<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
						<view style="font-size: 60rpx">100</view>
						<view style="margin-top: 5rpx;">积分商城</view>
						<view>积分直接当钱花</view>
					</view>
				</view> 
				
				<view style="display: flex; flex-direction:column; justify-content:center; align-items:center; height: 200rpx; box-shadow: 0px 2px 5px #d6d9dd; border-radius: 20rpx; width: 310rpx; margin-top: 50rpx; margin-left: 40rpx;">
					<view style="display: flex; flex-direction:column; justify-content:center; align-items:center; font-weight: 900;">
						<view style="font-size: 60rpx">50</view>
						<view style="margin-top: 5rpx;">总场数</view>
						<view style="font-weight: 1800">记录努力与汗水</view>
				
					</view>
				</view>
				
			</view>
	
		</view>
		

		<view>
			<!-- <view style="margin-top: 20rpx">
				<uni-card :is-shadow="true" is-full @click="toFiled">
					<text class="uni-h6">我的场地</text>
				</uni-card>
				<uni-card :is-shadow="true" is-full @click="toOrder">
					<text class="uni-h6">我的订单</text>
				</uni-card>
				<uni-card :is-shadow="true" is-full @click="toTeam">
					<text class="uni-h6">我的球队</text>
				</uni-card>
				<uni-card :is-shadow="true" is-full @click="toItems">
					<text class="uni-h6">我的闲置</text>
				</uni-card>
			</view> -->
			 
			<view style="height: 300rpx; box-shadow: 0px 2px 5px #d6d9dd; border-radius: 20rpx; width: 655rpx; margin-top:50rpx; margin-left: 50rpx;">
				<view style="display: flex; flex-direction: column;  font-weight: 1800;">
					
					<view style="display: flex; flex-direction: column; margin-left: 5rpx;">
									<u-line color="#ebeef5" />	
					</view>
					<view @click="toFiled"style="font-weight: 1800; margin-top: 20rpx; margin-bottom: 20rpx; margin-left: 80rpx;display: flex;" >
						<view >我的场地</view> <view  style=" margin-left: 440rpx;">></view> 
					</view>
					
					<view style="display: flex; flex-direction: column; margin-left: 5rpx;">
							<u-line color="#ebeef5" />
					</view>
					
					<view @click="toOrder" style="font-weight: 1800; margin-top: 20rpx; margin-bottom: 20rpx; margin-left: 80rpx;display: flex;">
						<text >我的订单</text> <view  style=" margin-left: 440rpx;">></view>
					</view>
					<view style="display: flex; flex-direction: column; margin-left: 5rpx;">
							<u-line color="#ebeef5" />
					</view>
				    
					<view @click="toTeam" style="font-weight: 1800; margin-top: 20rpx; margin-bottom: 20rpx; margin-left: 80rpx;display: flex;">
						<text >我的球队</text> <view  style=" margin-left: 440rpx;">></view>
					</view>
					<view style="display: flex; flex-direction: column; margin-left: 5rpx;">
							<u-line color="#ebeef5" />
					</view>
								
								
								
					<view @click="toItems" style="font-weight: 1800; margin-top: 20rpx; margin-bottom: 20rpx; margin-left: 80rpx;display: flex;">
						<text >我的闲置</text> <view  style=" margin-left: 440rpx;">></view>
					</view>
			    </view>
					
				</view>
				
			</view> 
			 
				
			
			<!-- <view style="display: flex; justify-content: space-around; margin-top: 20rpx;">
				<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
					<view class="cuIcon-discover" style="font-size: 120rpx;"></view>
					<view style="margin-top: 10rpx;">我的场地</view>
				</view>
				<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
					<view class="cuIcon-order" style="font-size: 120rpx;"></view>
					<view style="margin-top: 10rpx;">我的订单</view>
				</view>
			</view>
			
			<view style="display: flex; justify-content: space-around; margin-top: 50rpx;">
				<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
					<view class="cuIcon-clothes" style="font-size: 120rpx;"></view>
					<view style="margin-top: 10rpx;">我的球队</view>
				</view>
				<view style="display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 600;">
					<view class="cuIcon-goods" style="font-size: 120rpx;"></view>
					<view style="margin-top: 10rpx;">我的闲置</view>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toFiled(){
				console.log(1155551)
				uni.navigateTo({
					url:"filed"
				})
			},
			toOrder(){
				uni.navigateTo({
					url:"/pages/mine/order"
				})
			},
			toTeam(){
				uni.navigateTo({
					url:"/pages/mine/team"
				})
			},
			toItems(){
				uni.navigateTo({
					url:"/pages/mine/items"
				})
			},
		}
	}
</script>

<style>

</style>
